<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>슬라이드 네비(메뉴) 예제</title>
<link rel="stylesheet" href="../css/JinReset.css" /><!-- css 초기화 -->
<link rel="stylesheet" href="css/layout.css" />
<!-- jQuery 불러오기(최신버전 jQuery 소스는 jquery.com 에서 다운받을 수 있음)
<script src="js/jquery-2.0.2.min.js"></script> -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="css/styles.css" />
<script src="js/script.js"></script>
<style>
h1{font:normal 20px/1.75em Arial, Helvetica, sans-serif;color:#fff}
</style>
</head>
<body>
<div id="menu-toggle"><img src="images/menu.png" width="20" height="20" alt="Menu" /></div>
<nav id="menu">
	<a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Login</a>
  <a href="#">A Link</a>
  <a href="#">Another Link</a>
</nav>
<div>
<h1>jQuery Offcanvas Nav Demo</h1>
</div>
</body>
</html>
